<template>
  <div class="RecommendContent">
    <ul>
      <RecommendItem />
      <RecommendItem />
      <RecommendItem />
      <RecommendItem />
      <RecommendItem />
      <RecommendItem />
    </ul>
  </div>
</template>

<script setup>
import RecommendItem from "./RecommendItem.vue";
</script>

<style lang="less" scoped>
.RecommendContent {
  ul {
    display: flex;
    flex-wrap: wrap;

    > li {
      width: 390px;
      height: 327px;
      overflow: hidden;
      margin-right: 25px;
      margin-bottom: 50px;
      border-bottom: 1px solid #eeeeee;
    }
  }
}
</style>
